<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>创建数组的新增方法</h1>
    <ul class="ul">
        <li id="li1">Array.of：新增静态方法用于创建一个新数组，消除一个数值参数时的歧义。</li>
        <li>Array.from：新增静态方法，用于将伪数组或者可遍历对象变为数组。</li>
    </ul>
    <script>
        // 以下两个都是创建一个数组，默认元素是1,2,3
        let a1 = Array.of(1,2,3);
        let a2 = new Array(1,2,3);

        // 创建一个数组，默认元素是1
        let a3 = Array.of(1);
        // 创建一个数组，默认容量是1
        let a4 = new Array(1);

        let a5 = Array.from("Hello");
        console.log(a5);

        let lis = document.querySelectorAll(".ul>li");
        // lis.indexOf("a"); // 报错：因为lis是伪数组对象，所以没有数组的方法

        // 把伪数组对象转为数组：以后就可以使用数组的方法了。
        lis = Array.from(lis);
        let li1 = document.querySelector("#li1");

        let index = lis.indexOf(li1)
        console.log("index = ",index); // 0
    </script>
</body>
</html>